<template>
  <!-- 自定义图标 -->
  <van-popup
    class="send-popup"
    v-model="showsendPop"
    closeable
    close-icon="close"
  >
  <div class="my-code-popup-contanier">
    <div class="title">恭喜你获得一张抽奖码</div>
    <div class="btn" @click="getCode">领取</div>
  </div>
  </van-popup>
</template>

<script>
import Vue from 'vue'
import { Popup } from 'vant'

Vue.use(Popup)
export default Vue.extend({ 
  data() {
    return {
      showsendPop: true
    }
  },
  methods: {
    getCode() {
      this.showsendPop = false
      this.$parent.getDrawCode()
    }
  }
})
</script>
<style lang="scss">
.send-popup{
  width: 650px;
  height: 564px;
  top: 45%;
  overflow: initial;
  background: url(https://img.wifenxiao.com/h5-wfx/images/activity/send_bg.png) center/cover no-repeat;
  .title{
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 44px;
    padding-top: 38px;
  }
  .btn{
    position: absolute;
    width: 332px;
    height: 82px;
    line-height: 82px;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    color: #814405;
    background: url(https://img.wifenxiao.com/h5-wfx/images/activity/send_btn.png) center/cover no-repeat;
  }
  .van-popup__close-icon{
    font-size: 70px;
    color: #FFFFFF;
    top: 100%;
    right: 50%;
    transform: translate(50%,50%);
  }
}
</style>